<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style type="text/css">
        *{
        	margin: 0px;
        	padding: 0px;
        }
			div.seach{
				width: 238px;
				height: 294px;
				border: 1px solid #E1E0E6;
				margin: 100px;
				border-top: 3px solid #E68826;
				border-collapse: collapse;
			}
			/* .seach div.ss{
				height: 35px;
				border-bottom: 1px solid #E1E0E6;
				padding-left: 12px;
				font-size: 18px;
				line-height: 35px;
				
				
			} */
			.seach span .useinput{
				height: 35px;
				width: 200px;
				padding-left: 12px;


			}
			.seach .go{
				text-decoration: none;
				display: inline-block;
				height: 35px;
				width: 17px;
				background-color: skyblue;
			}
			.seach img{
				margin-top: 7px;
				margin-left: 8px;

			}
			.seach ul{
				list-style: none;
				padding-left: 8px;
			}
			.seach ul li{
				/* text-align: center; */
				height: 26px;
				line-height: 26px;
				padding-left: 10px;
				background: url('images/square.png') no-repeat left  center;
			}
			.seach ul li a{
				color: #919596;
				text-decoration: none;
				font-size: 14px;
			}
        </style>
    </head>
    <body>
    <div class="seach">
    	<div class="ss">
    	<span><input type="text" value="搜索趣图" class="useinput"></span>
    	<a href="" class="go">go</a>
    		
    	</div>
    	<img src="images/happy.gif" height="160" width="218" alt="">
    	<ul>
    		<li><a href="">GIF: 哈哈哈哈哈哈哈哈哈</a></li>
    		<li><a href="">GIF: 哈哈哈哈哈哈哈哈哈</a></li>
    		<li><a href="">GIF: 哈哈哈哈哈哈哈哈哈</a></li>
    	</ul>
    </div>
    </body>
</html>